/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*
#lmenu {}

#lmenu ul {}

#lmenu li {margin-left: 20px;}
#lmenu ul ul {position:absolute; left:-9999px;}
#lmenu ul#toplevel {}

#lmenu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:22px; text-decoration:none; padding: 0 20px 0 10px;} 
#lmenu li a.fly {background: url(../images/arrow.gif) no-repeat right top;}

#lmenu li a:hover {background-color:#F2F2F2; color:#09c;} 
#lmenu li:hover > a {background-color:#F2F2F2; color:#09c;}

#lmenu ul li:hover > ul {left: 300px; margin-top:-53px; margin-left: -10px; background-color: #ffffff;}

#lmenu a:hover ul,
#lmenu a:hover a:hover ul, 
#lmenu a:hover a:hover a:hover ul {left: 300px; background-color: #ffffff;}
#lmenu a:hover ul ul, 
#lmenu a:hover a:hover ul ul {left:-9999px;}

#lmenu table {position:absolute; left: 300px; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}

*/

	.menusubnav{
	background:#e8e8e8;
	margin:0; padding:0;
	/*width:270px;  */
	position: relative; 
	z-index:10;
	color:#333333;
	}
	.menusubnav li{
	margin:0; padding:0;
	list-style:none;
	}	
		.menusubnav li:hover{
		margin:0; padding:0;
		list-style:none;
		}
	.menusubnav > li > a,
	.menusubnav > li > a:hover,
	.menusubnav > li > span.separator{
	font-weight:bold;
	}
	.menusubnav > li.deeper > a,
	.menusubnav > li.deeper .separator{
	background:transparent url('../../images/arrow_state_red_right.png') no-repeat 95% 12px;
	margin:0; padding:10px;
	}
		.menusubnav > li.deeper > a:hover{
		background:#ccc url('../../images/arrow_state_grey_right.png') no-repeat 95% 12px;
		}			
	.menusubnav .separator,
	.menusubnav a{
	margin:0; padding:10px;
	display:block;
	
	border-bottom: 1px solid #e0e0e0;
	color:#333333; text-decoration:none; 
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	-ms-transition:background 0.3s ease;
	transition:background 0.3s ease;		
	}
	.menusubnav a:hover{
	background:#ccc;
	color:#333;
	border-bottom: 1px solid #fff;	
	}
		/*
			children
		*/
		.menusubnav ul{
		margin:0; padding: 0 20px 0 10px;
		}
		.menusubnav ul li{
		margin:0; padding:0;
		}
		.menusubnav li.current > a{
		background:#E2131D url('../../images/arrow_state_grey_right.png') no-repeat 95% 50%;
		color: #ffffff;
		}
		.menusubnav li:hover.current > a{
		background:#ccc url('../../images/arrow_state_red_right.png') no-repeat 95% 50%;
		color: #333;
		}
	
		.menusubnav ul{
		margin:0; padding:0;
		width:0; height:0; 
		visibility:hidden;
		display: none;
		transition:all 0.1s ease-in-out;
		-webkit-transition:all 0.1s ease;
		-moz-transition:all 0.1s ease;
		-o-transition:all 0.1s ease;
		-ms-transition:all 0.1s ease;
		}
				.menusubnav ul > li > a{
				display:none;
				}
		.menusubnav ul > li.deeper > .greyArrow{
		background:transparent url('../../images/arrow_state_grey_right.png') no-repeat 95% 12px;
		}
		.menusubnav ul > li.deeper > .greyArrow:hover  {
		background:#ccc url('../../images/arrow_state_red_right.png') no-repeat 95% 12px;
		}		
		.menusubnav li:hover > ul{
		width:200px;
		display:block;
		position:relative; 
		top: -55px; left: 100%;
		visibility:visible; 
		}
			.menusubnav li:hover > ul > li > a{
			background:#dedede; display:block;
			border-bottom: 1px solid #fdfdfd;
			}
			.menusubnav li:hover > ul > li > a:hover{
			background:#ccc;
			color:#333;
			border-bottom: 1px solid #fff;			
			}